<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>慕课网</title>
    <link rel="stylesheet" href="css/zg_base.css"/>
    <link rel="stylesheet" href="css/zg_index.css"/>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link type="text/css" rel="stylesheet" href="css/lrtk.css"/>
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/zg_index.js"></script>

</head>
<body>
<!-- 顶部导航开始-->
<div class="header">
    <div class="header-nav" id="nav">
        <div class="header-logo">
            <a href="index.html" class="logo fl">慕课网实战课程</a>
        </div>
        <div class="r-item fr">
            <a href="coding.html">实战课程</a>
            <a href="student.html">学习体验</a>
            <a href="javascript:;" class="web">WebIDE</a>
            <a href="javascript:;">Git版本管理</a>
            <a href="cloud.html">云端服务</a>
            <a href="javascript:;" class="btn-start">开始学习</a>
        </div>
    </div>
</div>
<!-- 顶部导航结束-->

<!--主要图片部分开始-->
<div class="page" id="page">
    <div class="w">
        <!--<ul>-->
            <!--<li><img src="images/page1.1.jpg" width="1440" height="640"/></li>-->
            <!--<li><img src="images/page1.2.jpg" width="1440" height="640"/></li>-->
            <!--<li><img src="images/page1.3.jpg" width="1440" height="640"/></li>-->
        <!--</ul>-->
        <h2>基于ACE编辑器，深度优化了WebIDE</h2>
        <p>
            &nbsp;ACE编辑器是一款开源的、独立的、基于浏览器的代码编辑器
            <br/>
            也是现在主流的在线开发编辑器，完美嵌入到WebIDE中
        </p>
    </div>
    <!--<div id="arr"><span id="left">&lt;</span><span id="right">&gt;</span></div>-->
</div>
<!--主要图片部分结束-->

<!--page-1部分开始-->
<div class="page-1">
    <div class="icon-1">
        <div class="icon-2">
            <div class="icon-3"></div>
        </div>
    </div>
</div>
<!--page-1部分结束-->

<!--page-2部分开始-->
<div class="page-2" id="page2">
    <h2>集成终端命令行</h2>
    <div class="line"></div>
    <p>将终端命令行集成在WebIDE中，方便操作，一步到位</p>
    <div class="icon-1"></div>
    <div class="icon-2"></div>
</div>
<!--page-2部分结束-->

<!--page-3部分开始-->
<div class="page-3" id="page3">
    <div class="container">
        <h2>加入Git版本工具提交</h2>
        <div class="line"></div>
        <p>每次代码操作都可提交到Git版本工具中，以便随时查看历史版本</p>
        <div class="icon-1"></div>
    </div>
</div>
<!--page-3部分结束-->

<!--page-4部分开始-->
<div class="page-4" id="page4">
    <div class="container">
        <h2>语法提示，代码高亮，快捷键操作</h2>
        <div class="line"></div>
        <p>
            各语言类型都将有不同的语法提示来提升输入速度
            <br/>
            代码高亮方便查阅
            <br/>
            快捷键操作减少鼠标使用率
        </p>
    </div>
    <div class="icon-1"></div>
</div>
<!--page-4部分结束-->

<!--page-5部分开始-->
<div class="page-5" id="page5">
    <div class="container">
        <h2>单独开启WebIDE，完全沉浸在开发中</h2>
        <div class="line"></div>
        <p>适应独立开发者使用场景，去除所有干扰，更专注编程环节</p>
    </div>
</div>
<!--page-5部分节水-->

<!--page-btn部分开始-->
<div class="page-btn">
    <a href="javasctipt:;">继续了解云端服务</a>
</div>
<!--page-btn部分结束-->

<!--footer部分开始-->
<div class="footer" id="foot">
    <div class="waper w">
        <div class="footer-l fl">
            <ul>
                <li><a href="index.html">网站首页</a></li>
                <li><a href="javascript:;">人才招聘</a></li>
                <li><a href="javascript:;">联系我们</a></li>
                <li><a href="javascript:;">高校联盟</a></li>
                <li><a href="javascript:;">关于我们</a></li>
                <li><a href="javascript:;">讲师招募</a></li>
                <li><a href="javascript:;">意见反馈</a></li>
                <li><a href="javascript:;">友情链接</a></li>
            </ul>
            <br/>
            <p>Copyright © 2015 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
        </div>
        <div class="footer-r fr">
            <a href="javascript:;" class="footer-r-weixin">
                <div class="weixin-box"></div>
            </a>
            <a href="javascript:;" class="footer-r-weibo"></a>
            <a href="javascript:;" class="footer-r-qzone"></a>
        </div>
    </div>
</div>
<!--footer部分结束-->

<!-- 返回顶部小火箭 -->
<div class="actGotop"><a href="javascript:;" title="Top"></a></div>

</body>
</html>